@import "base";
.web{
    width: vw(750);
    height: vw(1366);
    // background-color: bisque;
    // 顶部
    .shou{
        
        width: vw(750);
        height: vw(127);
        // background-color: aqua;
        display: flex;
        justify-content:space-between;
        align-items: center;
        font-size: vw(30);
        font-weight: bold;
        select{
            margin-right: vw(20);
            width: vw(164);
            height: vw(56);
            font-size: vw(10);
            // background-color: #ff9344;
            // margin-right: 80px;
        }
        .shoua{
            margin-left: vw(20);
            width: vw(123);
            height: vw(57);
            border: 1.5px solid #ff9344;
            border-radius:vw(28);
            text-align: center;
            line-height: vw(57);
            
        }
    }
    // 导航图片
    .tu{
        width: vw(750);
        height: vw(148);
        // background-color: rgb(55, 82, 82);
        display: flex;
        justify-content: space-evenly;
        align-items: center;   
        img{
            width: vw(148);
            height: vw(148);
            border-radius: 50%;
        }

    }
    .zi{
        width: vw(750);
        height: vw(40);
        // background-color: bisque;
        display: flex;
        justify-content: space-evenly;
        font-size: vw(26);
        div{
            margin: 0 vw(60);
        }
    }
    // 图片选择点
    .dian{
        width: vw(750);
        height: vw(38);
        // background-color: aqua;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: vw(40);
        color: #ff9344;
        span{
            opacity: 0.5;
        }
    }
    // 美食类
    .biao{
        width: vw(750);
        height: vw(70);
        // background-color: aquamarine;
        display: flex;
        justify-content: space-between;
        .biaoa{
            margin-left: vw(40);
            width: vw(160);
            height: vw(50);
            // border: 1px solid;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .iconfont{
                font-size: vw(60);
            }
            .a{
                font-size: vw(30);
                font-weight: 700;
            }
            .c{
               position: relative;
               left: vw(-17);
                transform: rotate(90deg);
                margin-right: vw(15);
                color: #ff9344;
            }
           

        }
    }
    .me{
        width: vw(750);
        height:vw(175);
        // background-color: rgb(69, 109, 96);
        display: flex;
        justify-content:space-evenly;
        align-items: center;
        img{
            width: vw(133);
            height: vw(133);
        }
    }
    // 运动类
    .yun{
        width: vw(750);
        height: vw(250);
        // background-color: rgb(185, 39, 75);
        margin-top: vw(20);
 
    }
    // 电影类
    .ying{
         width: vw(750);
         height: vw(295);
        //  background-color: aqua;
         margin: vw(20) 0;
    }
     // 底部导航
         .footer {
            margin: auto;
            margin-top: vw(-60);
            margin-left: vw(-30);
            
            display: flex;
            justify-content: space-between;
            width: vw(600);
            height: vw(130);
            a:hover{
                color: #ff9344;
            }
            .s{
                color: #ff9344;
            }
            .b{
                color: black;
            }
            li{
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .iconfont{
               span{
                   position: relative;
                   top: vw(-50);
                   font-size: vw(30);
               }
                display: flex;
                flex-direction: column;
                list-style: none;
                 text-decoration: none;
                align-items: center;
               font-size: vw(60);    
            }
          }
}